/* CSS Document */

*{margin: 0px; padding: 0px;}

body{
	background: #fffbd6;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	color: #454647;
	_height: 100%;
}

a, h1, h2, h3, h4{font-family: Georgia, Serif; text-decoration: none;}
img{border: none;}


div, a, p, img, h1, h2, li, span{ _behavior:url("../css/iepngfix.htc"); }
a{ _cursor: hand;}


h1{
	font-size: 22px;
	font-weight: normal;
	color: #ac1a2f;
}

/*Para títulos, botones*/
/*font-family: Georgia, Serif;*/

/*Para textos*/
/*font-family: 'Trebuchet MS', Helvetica, sans-serif;*/


#btn_prensa{
	background: url(../img/menu/btn_prensa.png) no-repeat;
	width: 236px;
	height: 36px;
	float: left;
}
#btn_prensa:hover{background-position: 0px -36px;}
#btn_prensa.on{background-position: 0px -36px;}

#menu{
	float: left;
	position: fixed;
	left: 0px;
	width: 244px;
	background: url(../img/menu/fondo_menu.jpg) repeat-y;
	height: 100%;
	z-index: 1;
}

#zona_login{
	background: #fffbd6;
	height: 117px;
}

#logo{position: absolute; z-index: 50;}
#login{
	position: absolute; 
	z-index: 40; 
	left: -334px; 
	top: 0px; 
	width: 636px;
	_width: 636px;
	height: 33px;
	color: #800007;
}
#logado1{
	position: absolute; 
	z-index: 11; 
	left: 244px; 
	width: 24px;
	height:33px;
}
#logado1_2{
	position: absolute; 
	z-index: 11; 
	left: 244px; 
	width: 20px;
	height:33px;
}

#logado{
	position: absolute; 
	z-index: 10; 
	left: 155px; 
	width: 108px;
	height: 33px;
	color: #800007;
}


#logado .bloq2{
	height: 33px;
	width:108px;
	float: left;
}

#login-inner, #logado-inner{float: left;}

#login .bloq2{
	height: 33px;
	float: left;
}

#login input{
	width: 120px;
	height: 18px;
	background: #fff8ba;
	border: 1px solid #d9c163;
}






#curva{position: absolute; z-index: 10; left: 170px;}


a#button2{filter: alpha(opacity=0); opacity: 0;}

#content{
	float: left;
	margin: 0px 0px 0px 240px;
	_margin: 0px 0px 0px -20px;
	overflow: auto;
}

#inner{width: 750px; margin: 0px auto; text-align: center; float: left;}

#pie{
	background: url(../img/pie/fondo_pie.png) no-repeat; 
	width: 691px; 
	height: 171px; 
	float: left; 
	margin: 40px 0px 0px 58px;
	_margin: 40px 0px 0px 38px;
}

#pie .inner-pie{margin: 13px 24px 13px 15px;}
#pie .links-pie{float: left; padding-top: 25px; width: 100%; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 11px; }
#pie .links-pie a{color: #2276bb;}
#pie .links-pie a:hover{text-decoration: underline;}
#pie .utils-pie{float: left; width: 460px;}



#pie .twitter{float: left; background: url(../img/pie/twitter.png) no-repeat; width: 150px; height: 16px; color: #00b9f6; padding: 20px 0px 0px 40px;}
#pie .twitter:hover{background-position: 0px -36px; text-decoration: underline;}
#pie .facebook{float: left; background: url(../img/pie/facebook.png) no-repeat; width: 160px; height: 16px; color: #436ac4; padding: 20px 0px 0px 40px;}
#pie .facebook:hover{background-position: 0px -36px; text-decoration: underline;}
#pie .quetetoca{float: left; background: url(../img/pie/quetetoca.png) no-repeat; width: 160px; height: 16px; color: #b50429; padding: 20px 0px 0px 40px;}
#pie .quetetoca:hover{background-position: 0px -36px; text-decoration: underline;}
#pie .rss{float: left; background: url(../img/pie/rss.png) no-repeat; width: 10px; height: 16px; color: #ff7701; padding: 20px 0px 1px 40px;}
#pie .rss:hover{background-position: 0px -36px; text-decoration: underline;}
#pie .bimbo{float: left; background: url(../img/pie/logo_bimbo.png) no-repeat; width: 187px; height: 85px;}

/***********BOTONES MENU*********************/

#zona_menu{position: relative; z-index: 200;}

#btn_inicio{
	background: url(../img/menu/btn_inicio.png) no-repeat;
	width: 236px;
	height: 36px;
	float: left;
}
#btn_inicio:hover{background-position: 0px -36px;}
#btn_inicio.on{background-position: 0px -36px;}
#btn_beneficiate{
	background: url(../img/menu/btn_beneficiate.png) no-repeat;
	width: 236px;
	height: 36px;
	float: left;
}
#btn_beneficiate:hover{background-position: 0px -36px;}
#btn_beneficiate.on{background-position: 0px -36px;}
#btn_sientete{
	background: url(../img/menu/btn_sientete.png) no-repeat;
	width: 236px;
	height: 36px;
	float: left;
}
#btn_sientete:hover{background-position: 0px -36px;}
#btn_sientete.on{background-position: 0px -72px;}
#btn_recetas{
	background: url(../img/menu/btn_recetas.png) no-repeat;
	width: 236px;
	height: 30px;
	float: left;
}
#btn_recetas:hover{background-position: 0px -30px;}
#btn_recetas.on{background-position: 0px -30px;}
#btn_cuerpo{
	background: url(../img/menu/btn_cuerpo.png) no-repeat;
	width: 236px;
	height: 30px;
	float: left;
}
#btn_cuerpo:hover{background-position: 0px -30px;}
#btn_cuerpo.on{background-position: 0px -30px;}
#btn_bienestar{
	background: url(../img/menu/btn_bienestar.png) no-repeat;
	width: 236px;
	height: 30px;
	float: left;
}
#btn_bienestar:hover{background-position: 0px -30px;}
#btn_bienestar.on{background-position: 0px -30px;}
#btn_promociones{
	background: url(../img/menu/btn_promociones.png) no-repeat;
	width: 236px;
	height: 36px;
	float: left;
}
#btn_promociones:hover{background-position: 0px -36px;}
#btn_promociones.on{background-position: 0px -36px;}
#btn_productos{
	background: url(../img/menu/btn_productos.png) no-repeat;
	width: 236px;
	height: 36px;
	float: left;
}
#btn_productos:hover{background-position: 0px -36px;}
#btn_productos.on{background-position: 0px -36px;}
#btn_blog{
	background: url(../img/menu/btn_blog.png) no-repeat;
	width: 236px;
	height: 36px;
	float: left;
}
#btn_blog:hover{background-position: 0px -36px;}
#btn_blog.on{background-position: 0px -36px;}


#ilustracion{
	float: left;
	position: absolute;
	left: 34px;
	_top: 100%;
	_margin-top: -200px;
	width: 201px;
	background: url(../img/menu/ilus_zapato.png) no-repeat bottom;
	height: 98%;
	z-index: 2;
}

/***************************/

.arrowlistmenu{
width: 236px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #f9de72;
/*background: black url(titlebar.png) repeat-x center left;*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px; /*header text is indented 10px*/
cursor: hand;
}

.arrowlistmenu .expandable{cursor: hand;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(titlebar-active.png);*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #FFF;
/*background: url(arrowbullet.png) no-repeat center left;*/ /*custom bullet list image*/
display: block;
padding: 0px 0;
padding-left: 0px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
/*border-bottom: 1px solid #dadada;
font-size: 90%;*/
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/**************************/

/**************REGISTRO*************/

#registro{background: #FFF; width: 690px; margin: 25px 0px 0px 60px; float: left; text-align: left;}

#registro h1{padding: 25px 0px 10px 30px; width: 660px; border-bottom: 1px dotted #bcbcbc;}

#registro p{padding: 20px 30px;}
#registro p span{color: #ac1a2f;}

#registro .col{padding-left: 28px; width: 300px; float: left;}
#registro .tot{padding-left: 28px; width: 650px; float: left;}
#registro .tot label, #registro .tot input, #registro .tot select{float: left; margin-right: 3px; margin-top: 10px; }
#registro .fin{padding-left: 28px; width: 662px; float: left; border-bottom: 1px dotted #bcbcbc; *padding-top: 15px; line-height: 15px;}

#registro input{width: 298px; height: 22px; background: #FFF; border: 1px solid #ece0b1; margin-bottom: 15px;}
#registro input:focus{background: #fff8ba; border: 1px solid #d9c163;}

#registro input.long{width: 582px;}
#registro input.short{width: 160px; margin-right: 10px;}
#registro input.uso{width: 14px; height: 14px; margin-right: 10px; margin-bottom: 8px; *margin-bottom: 1px;}

#registro select{height: 22px; background: #FFF; border: 1px solid #ece0b1; margin-bottom: 15px;}
#registro select:focus{background: #fff8ba; border: 1px solid #d9c163;}

a#btn_enviar{float: left; background: url(../img/btn_enviar.png) no-repeat; width: 67px; height: 14px; color: #800007; padding: 5px 13px; _padding: 4px 13px 5px 13px; margin: 15px 30px;}
a#btn_enviar:hover{background-position: 0px -24px; color: #FFF;}

.sombra{float: left; background: url(../img/sombra.png) no-repeat; width: 516px; height: 16px; margin-left: 230px; _margin-left: 114px;}

a.legal{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ac1a2f; text-decoration: underline;}

/************FIN REGISTRO***********/



/************** HOME *************/

/*
#destacados_home{
	background: url(../img/home/fondo_destacados.png) no-repeat;
	width: 698px;
	height: 232px;
	float: left;
	margin: 35px 0px 0px 50px;
	text-align: left;
}
*/

#destacados_home{
	background: url(../img/home/fondo_calendario.jpg) no-repeat 5px -5px;
	width: 718px;
	height: 255px;
	float: left;
	margin: 35px 0px 0px 32px;
	_margin: 35px 0px 0px 22px;
	text-align: left;
}


#destacados_home ul{
	float: right;
	width: 55px;
	margin: 9px 4px 0px 0px;
	list-style: none;
}

#destacados_home ul li{
	float: right;
	clear: right;
}

#fecha{
	float: left;
	margin: 40px 0px 0px 64px;
	_margin: 40px 0px 0px 30px;
	width: 131px;
	height: 139px;
}
#tocamimarse{
	position: absolute;
	z-index: 3;
	margin: 90px 0px 0px 100px;
	*margin: 90px 0px 0px -545px;
	_margin: 88px 0px 0px -542px;
	width: 117px;
	height: 91px;
	background: url(../img/home/tocamimarse.png) no-repeat;
}

#mes{
	float: left; 
	background: url(../img/home/meses.png) no-repeat; 
	width: 131px; 
	height: 21px; 
	margin: 1px 0px;
	_background: none;
	color: #000000;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
}
#mes.enero{background-position: 0px 0px; }
#mes.febrero{background-position: 0px -21px; }
#mes.marzo{background-position: 0px -42px; }
#mes.abril{background-position: 0px -63px; }
#mes.mayo{background-position: 0px -84px; }
#mes.junio{background-position: 0px -105px; }
#mes.julio{background-position: 0px -126px; }
#mes.agosto{background-position: 0px -147px; }
#mes.septiembre{background-position: 0px -168px; }
#mes.octubre{background-position: 0px -189px; }
#mes.noviembre{background-position: 0px -210px; }
#mes.diciembre{background-position: 0px -231px; }

#semana{
	float: left; 
	background: url(../img/home/semana.png) no-repeat; 
	width: 131px; 
	height: 22px;
	_background: none;
	color: #000000;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
}
#semana.lunes{background-position: 0px 0px;}
#semana.martes{background-position: -131px 0px;}
#semana.miercoles{background-position: -262px 0px;}
#semana.jueves{background-position: -393px 0px;}
#semana.viernes{background-position: -524px 0px;}
#semana.sabado{background-position: -655px 0px;}
#semana.domingo{background-position: -786px 0px;}

#dia{
	float: left; 
	background: url(../img/home/dias.png) no-repeat; 
	width: 131px; 
	height: 74px;
	_background: none;
	color: #999;
	text-align: center;
	font-size: 64px;
	text-transform: uppercase;
}
#dia.num1{background-position: 0px 0px;}
#dia.num2{background-position: 0px -74px;}
#dia.num3{background-position: 0px -148px;}
#dia.num4{background-position: 0px -222px;}
#dia.num5{background-position: 0px -296px;}
#dia.num6{background-position: 0px -370px;}
#dia.num7{background-position: 0px -444px;}
#dia.num8{background-position: 0px -518px;}
#dia.num9{background-position: 0px -592px;}
#dia.num10{background-position: 0px -666px;}
#dia.num11{background-position: 0px -740px;}
#dia.num12{background-position: 0px -814px;}
#dia.num13{background-position: 0px -888px;}
#dia.num14{background-position: 0px -962px;}
#dia.num15{background-position: 0px -1036px;}
#dia.num16{background-position: 0px -1110px;}
#dia.num17{background-position: 0px -1184px;}
#dia.num18{background-position: 0px -1258px;}
#dia.num19{background-position: 0px -1332px;}
#dia.num20{background-position: 0px -1406px;}
#dia.num21{background-position: 0px -1480px;}
#dia.num22{background-position: 0px -1554px;}
#dia.num23{background-position: 0px -1628px;}
#dia.num24{background-position: 0px -1702px;}
#dia.num25{background-position: 0px -1776px;}
#dia.num26{background-position: 0px -1850px;}
#dia.num27{background-position: 0px -1924px;}
#dia.num28{background-position: 0px -1998px;}
#dia.num29{background-position: 0px -2072px;}
#dia.num30{background-position: 0px -2146px;}
#dia.num31{background-position: 0px -2220px;}

#btn_receta{
	background: url(../img/home/btn_recetas.png) no-repeat;
	width: 51px;
	height: 70px;
	float: left;
}
#btn_receta:hover{background-position: -51px 0px;}
#btn_receta.on{background-position: -102px 0px;}

#btn_ejercicios{
	background: url(../img/home/btn_ejercicios.png) no-repeat;
	width: 51px;
	height: 71px;
	float: left;
}
#btn_ejercicios:hover{background-position: -51px 0px;}
#btn_ejercicios.on{background-position: -102px 0px;}

#btn_pensamiento{
	background: url(../img/home/btn_pensamiento.png) no-repeat;
	width: 51px;
	height: 70px;
	float: left;
}
#btn_pensamiento:hover{background-position: -51px 0px;}
#btn_pensamiento.on{background-position: -102px 0px;}


.btn_mas{
	background: url(../img/home/btn_mas.png) no-repeat 0px 1px;
	float: left;	
	padding: 0px 0px 0px 15px;
	font-size: 11px;
	color: #b50329;
}
.btn_mas:hover{
	background-position: 0px -12px;
	color: #e06c11;
}

#content_receta{
	width: 400px;
	height: 218px;
	float: left;
	margin: 6px 0px 0px 53px;
}

#content_receta div{
	width: 220px;
	float: left;
	margin: 20px 0px 0px 0px;
}

#content_receta img{float: left; margin-right: 20px;}
#content_receta h1{float: left; line-height: 22px;}
#content_receta h2{
	float: left;
	color: #959799; 
	font-size: 13px; 
	font-style: italic;
	font-weight: normal; 
	border-bottom: 1px dotted #c1b976; 
	padding: 10px 0px 6px 0px;
	width: 100%;
}
#content_receta p{float: left; padding: 10px 0px; line-height: 16px;}

#content_ejercicios{
	width: 410px;
	height: 218px;
	float: left;
	margin: 6px 0px 0px 53px;
	background: #fff49c;
	display: none;
}

#content_ejercicios p{padding: 5px 15px 3px 18px; line-height: 14px;}

#content_pensamiento{
	width: 410px;
	height: 218px;
	float: left;
	margin: 6px 0px 0px 53px;
	background: #fff49c;
	display: none;
}

#content_pensamiento div{padding: 20px 10px 20px 20px;}
#content_pensamiento img{margin: 0px 0px 0px 105px;}
#content_pensamiento h2{
	text-align: center; 
	font-size: 18px; 
	font-style: italic; 
	font-weight: normal; 
	line-height: 21px;
	padding: 10px 7px 15px 7px; 
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#content_pensamiento a{
	margin: 0px 0px 0px 15px;
}



#promos_home{
	width: 690px;
	height: 284px;
	float: left;
	margin: 15px 0px 0px 60px;
	_margin: 15px 0px 0px 35px;
	text-align: left;
}

#promos_home ul{
	list-style: none;
	position: absolute;
	z-index: 1;
	width: 220px;
	margin: 7px 0px 0px 468px;
}

#promos_home ul li{
	float: right;
	clear: right;
	width: 216px;
}

#btn_promo1{
	background: url(../img/home/btn_promo1.png) no-repeat;
	width: 216px;
	height: 70px;
	float: left;
	margin-top: 2px;
}
#btn_promo1:hover{background-position: 0px -70px;}
#btn_promo1.on{background-position: 0px -140px;}
#btn_promo2{
	background: url(../img/home/btn_promo2.png) no-repeat;
	width: 216px;
	height: 70px;
	float: left;
	margin-top: 3px;
}
#btn_promo2:hover{background-position: 0px -70px;}
#btn_promo2.on{background-position: 0px -140px;}
#btn_promo3{
	background: url(../img/home/btn_promo3.png) no-repeat;
	width: 216px;
	height: 70px;
	float: left;
	margin-top: 3px;
}
#btn_promo3:hover{background-position: 0px -70px;}
#btn_promo3.on{background-position: 0px -140px;}

#btn_promo_mas{
	width: 200px;
	height: 25px;
	float: right;
}
#btn_promo_menos{
	width: 200px;
	height: 25px;
	float: right;
	margin-top: 2px;
}

#info_promos_home1, #info_promos_home2{display: none;}
#info_promos_home1 a{
	background: url(../img/home/fondo_promo1.png) no-repeat;
	width: 690px;
	height: 284px;
	float: left;
}
#info_promos_home1 a div{
	width: 155px;
	padding: 100px 0px 0px 295px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #454647;
	line-height: 15px;
}
#info_promos_home2 a{
	background: url(../img/home/fondo_promo2.png) no-repeat;
	width: 690px;
	height: 284px;
	float: left;
}
#info_promos_home3 a{
	background: url(../img/home/fondo_promo3.png) no-repeat;
	width: 690px;
	height: 284px;
	float: left;
}


#blog_home{
	float: left;
	text-align: left;
	width: 205px;
	margin: 40px 36px 0px 60px;
	_margin: 40px 20px 0px 44px;
}

#blog_home h1{
	font-size: 16px;
	color: #ac1a2f;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #f0c9b3;
	width: 205px;
}

#blog_home a{
	margin: 5px 0px;
}

#blog_home div{
	background: #fff49c;
	padding: 15px;
	width: 175px;
	height: 200px;
	overflow:auto; 
	overflow-x:hidden;
}

#blog_home h2{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color: #ac1a2f;
	padding-bottom: 5px;
}

#blog_home a.mas{color:#ac1a2f;}

#twitter_home{
	float: left;
	text-align: left;
	width: 205px;
	height: 290px;
	margin: 24px 36px 0px 0px;
	_margin: 24px 20px 0px 0px;
	background: url(../img/home/fondo_tweet.png) no-repeat;
	border-bottom: 1px solid #3fcdeb;
}

#twitter_home h1{
	font-size: 16px;
	color: #00b9f6;
	padding: 18px 0px 7px 0px;
}

#twitter_home a.mas{
	margin: 10px 0px;
	background: url(../img/home/btn_mas_tweet.png) no-repeat;
	padding: 0px 0px 0px 15px;
	color: #00b9f6;
}
#twitter_home a.mas:hover{background-position: 0px -16px;}

#twitter_home a{color: #00b9f6; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }

#twitter_home div{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-size: 19px; 
	font-style: italic;
	color: #666666;
	overflow: auto; 
	overflow-x: hidden;
	padding: 10px 0px;
}

#facebook_home{
	float: left;
	text-align: left;
	width: 205px;
	margin: 40px 0px 0px 0px;
}

#facebook_home h1{
	font-size: 16px;
	color: #3c5998;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #3c5998;
	margin: 0px 0px 10px 0px;
	width: 205px;
}

/************** FIN HOME *************/



/************** BENEFICIATE *************/

#beneficios{
	width: 690px;
	height: 550px;
	margin: 40px 0px 0px 60px;
	_margin: 40px 0px 0px 38px;
	background: url(../img/beneficiate/fondo_beneficios.jpg) no-repeat #FFF 0px 70px;
	float: left;
	text-align: left;
}

#beneficios h1{
	padding: 16px 0px 16px 32px;
	border-bottom: 1px dotted #bcbcbc;
	width: 658px;
}

#beneficios h2{
	font-size: 16px;
	font-weight: normal;
	color: #ac1a2f;
	padding: 16px 0px 16px 25px;
}

#beneficios ul{
	float: right;
	list-style: none;
	width: 250px;
	margin-top: 28px;
}

#beneficios ul li{
	float: left;
	clear: left;
	height: 32px;
}

#beneficios .btn_mas{
	background: url(../img/home/btn_mas.png) no-repeat 0px 0px;
	float: left;	
	padding: 0px 0px 2px 15px;
	_padding: 0px 0px 1px 15px;
	font-size: 14px;
	line-height: 11px;
	color: #b50329;
}
#beneficios .btn_mas:hover{
	background-position: 0px -12px;
	color: #e06c11;
}

.info_beneficios{
	background: url(../img/beneficiate/top_capa.gif) no-repeat #f9de72;
	width: 395px;
	height: 278px;
	margin: 10px 0px 0px 29px;
}

#info_beneficios0 img{margin: 0px 0px -3px 0px;}
#info_beneficios1, #info_beneficios2, #info_beneficios3, #info_beneficios4{display: none;}
#info_beneficios1 p, #info_beneficios2 p{padding: 15px 20px 0px 25px;}
#info_beneficios4 p{padding: 15px 20px 0px 25px; line-height: 14px;}
#info_beneficios4 p.last{width: 278px; padding: 15px 25px 0px 25px;}
#info_beneficios1 p span, #info_beneficios2 p span, #info_beneficios3 p span, #info_beneficios4 p span{color: #ac1a2f;}
#info_beneficios3 p.last{width: 278px; padding: 15px 25px 0px 55px;}
#info_beneficios3 p{
	background: url(../img/beneficiate/tic.png) no-repeat 0px 10px;
	padding: 10px 25px 5px 20px;
	line-height: 15px;
	margin: 0px 0px 0px 20px;
}
#beneficios a.cerrar{
	float: right;
	background: url(../img/beneficiate/btn_cerrar.png) no-repeat;
	width: 19px;
	height: 18px;
	margin: 7px;
}
#beneficios a.cerrar:hover{background-position: 0px -18px;
}

.intro_beneficios{padding: 307px 0px 0px 55px; width: 260px;}
.intro_beneficios p{
	background: url(../img/beneficiate/tic.png) no-repeat;
	padding: 0px 0px 5px 20px;
	line-height: 15px;
}
.intro_beneficios div{color: #ac1a2f; font-size: 14px; padding-bottom: 9px;}

#flecha_beneficios{float: right; margin-right: 8px;}
#flecha_beneficios.flecha0{display: none;}
#flecha_beneficios.flecha1{display: block; padding-top: 26px; _margin-top: 26px;}
#flecha_beneficios.flecha2{display: block; padding-top: 58px;}
#flecha_beneficios.flecha3{display: block; padding-top: 90px;}
#flecha_beneficios.flecha4{display: block; padding-top: 122px;}

/************** FIN BENEFICIATE *************/







/************ PROMOCIONES ************/

#menu_promociones{float: left; margin: 48px 0px 0px 0px; width: 750px;}

#btn_menupromo1{
	float: left;
	background: url(../img/promociones/fondo_promo1_off.png) no-repeat;
	width: 343px;
	height: 172px;
	margin-left: 60px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#btn_menupromo1 div{
	position: absolute;
	background: url(../img/promociones/fondo_promo1_on.png) no-repeat;
	width: 343px;
	height: 172px;
	margin: 172px 0px 0px 0px;
}
#btn_menupromo1 div h1{
	margin: 20px 25px 10px 25px;
	color: #ac1a2f;
	font-size: 24px;
}
#btn_menupromo1 div h2{
	margin: 0px 25px;
	color: #454647;
	font-size: 12px;
	line-height: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#btn_menupromo2{
	float: left;
	background: url(../img/promociones/fondo_promo2_off.png) no-repeat;
	width: 343px;
	height: 172px;
	margin: 6px 0px 0px 60px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#btn_menupromo2 div{
	position: absolute;
	background: url(../img/promociones/fondo_promo2_on.png) no-repeat;
	width: 343px;
	height: 172px;
	margin: 172px 0px 0px 0px;
}
#btn_menupromo2 div h1{
	margin: 20px 25px 10px 25px;
	color: #ac1a2f;
	font-size: 24px;
	line-height: 23px;
}
#btn_menupromo2 div h2{
	margin: 0px 25px;
	color: #454647;
	font-size: 12px;
	line-height: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#btn_menu{
	float: left;
	background: url(../img/promociones/btn_menu.png) no-repeat;
	width: 117px;
	height: 54px;
	margin: -15px 0px 0px 75px;
	display: none;
}
#btn_menu.on{background-position: -117px 0px;}
#btn_menu.off{background-position: -234px 0px;}
#btn_menu.on:hover{background-position: -117px -54px;}
#btn_menu.off:hover{background-position: -234px -54px;}



#promo1, #promo2, #promo3, #promo1_mensajes{display: none; }






#inner-promo1 .btn_bases{
	font-size: 11px; 
	color: #767676; 
	float: left; 
	clear: left;
	margin: 20px 0px 0px 0px;
}
#inner-promo1 .btn_bases:hover{text-decoration: underline;}



#inner-promo1, #inner-promo2 {float: left; text-align: left; background: #FFF; width: 690px; margin: 30px 0px 0px 60px; _margin: 30px 0px 0px 40px;}

#inner-promo1 h1, #inner-promo2 h1 {
	float: left; 
	margin: 22px 0px 5px 28px; 
	clear: both;
}
#inner-promo2 h2{margin: 28px 0px 12px 28px; font-size: 14px; color: #b50329; font-weight: normal;}
#inner-promo1 h2{margin: 28px 0px 12px 28px; font-size: 16px; color: #b50329; font-weight: normal;}
#inner-promo1 h3{
	float: left; 
	margin: 0px 0px 14px 28px; 
	font-size: 13px; 
	color: #959799;
	width:600px;
	font-weight: normal; 
	font-style: italic; 
	clear:both;
}
#inner-promo2 h3{
	float: left; 
	margin: 0px 0px 14px 28px; 
	font-size: 13px; 
	color: #959799; 
	font-weight: normal; 
	font-style: italic; 
	clear: both;
}
#inner-promo2 img{border-top: 1px dotted #aeaeae; width: 690px; height: 360px;}
#inner-promo1_mensajes a.notificar:hover{background-position: 0px -19px;}
#inner-promo1_mensajes a.facebook{
	background: url(../img/ico_facebook.png) no-repeat;
	width: 19px;
	height: 18px;
	float: right;
	margin: 30px 0px 0px 10px;
}
#inner-promo1_mensajes a.facebook:hover{
	background-position: 0px -18px;
}
#inner-promo1_mensajes a.twitter{
	background: url(../img/ico_twitter.png) no-repeat;
	width: 19px;
	height: 18px;
	float: right;
	margin: 30px 0px 0px 10px;
}
#inner-promo1_mensajes a.twitter:hover{
	background-position: 0px -19px;
}

#paginacion{float: right; margin: 10px;}
#paginacion a{
	background: url(../img/paginacion/btn_pag.png) no-repeat;
	width: 25px;
	height: 18px;
	text-align: center;
	float: left;
	margin: 4px;
	color: #ac1a2f;
	padding: 5px 0px 3px 0px;
}
#paginacion a:hover{background-position: 0px -26px; color: #FFF;}
#paginacion a.on{background-position: 0px -26px; color: #FFF;}
#paginacion a.ant{background-position: -25px 0px;}
#paginacion a.ant:hover{background-position: -25px -26px;}
#paginacion a.sig{background-position: -50px 0px;}
#paginacion a.sig:hover{background-position: -50px -26px;}



#inner-promo2 p{padding: 0px 20px 20px 28px;}
#inner-promo2 p.letrapeq{font-size: 10px;}

#inner-promo1 img{width: 690px; height: 348px; border-top: 1px dotted #aeaeae;}
#inner-promo1 p{padding: 25px; float: left; border-top: 1px dotted #aeaeae;}
#inner-promo1 p span{color: #ac1a2f;}

#inner-promo1 ul{float: left; width: 630px; margin: 0px 0px 20px 50px;}
#inner-promo1 li{float: left; width: 310px; color: #ac1a2f;}
#inner-promo1 li span{float: left; width: 310px; color: #454647;}

#inner-infopromo1{
	float: left;
	background: url(../img/promociones/foto_promo1.jpg) no-repeat;
	width: 630px;
	height: 644px;
}

div#fondo_mensajes_tocafibra {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: none;
	filter: alpha(opacity=30);
	opacity: .3;
	-moz-opacity: 0.3;
	z-index: 200;
	
	 background-color: #000; 
	 
}

#capa_enviar_tocafibra_enviar_frase{
	z-index: 201;
	display: none;
	background: url(../img/promociones/fondo_capa.png) no-repeat;
	margin: 200px 0 0 340px;
	position:absolute;
	left:0px;
	top:0px;
	height: 272px;
	width: 590px;
	text-align: left;
}

#capa_enviar_tocafibra_enviar_frase a.cerrar{
	float: right;
	background: url(../img/promociones/btn_cerrar.png) no-repeat;
	width: 19px;
	height: 18px;
	margin: 8px 5px;
}

#capa_enviar_tocafibra_enviar_frase a.enviar{
	float: left;
	clear: left;
	background: url(../img/promociones/btn_enviar.png) no-repeat;
	width: 67px;
	height: 24px;
	padding: 4px 0px 0px 12px;
	color: #800007;
	margin: 25px 0px 0px 26px;
}

#capa_enviar_tocafibra_enviar_frase h1{
	padding: 16px 0px 26px 26px;
}

#capa_enviar_tocafibra_enviar_frase h2{
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #454647;
	padding: 20px;
	border-bottom: 1px dotted #bcbcbc;
	width: 550px;
	height: 100px;
	text-align: center;
}


#capa_enviar_tocafibra_enviar_frase p{
	width: 260px;
	line-height: 16px;
	padding: 8px 0px 0px 25px;
	float: left;
}

#capa_enviar_tocafibra_enviar_frase input{width: 258px; height: 22px; border: 1px solid #ece0b1;}
#capa_enviar_tocafibra_enviar_frase input#promoTocaFibraFrase_condiciones{width: 16px; height: 16px; border: 1px solid #ece0b1;}

#capa_enviar_tocafibra_enviar_frase_paso2{display: none;}

#capa_enviar_tocafibra_enviar_frase .facebook{
	background: url(../img/ico_facebook.png) no-repeat;
	float: right;
	color: #436ac4;
	padding: 2px 0px 2px 24px;
	margin: 25px 30px 0px 0px;
}
#capa_enviar_tocafibra_enviar_frase .facebook:hover{
	background-position: 0px -18px;
}

#capa_enviar_tocafibra_enviar_frase .twitter{
	background: url(../img/ico_twitter.png) no-repeat;
	float: right;
	color: #00b9f6;
	padding: 2px 0px 2px 24px;
	margin: 25px 30px 0px 0px;
}
#capa_enviar_tocafibra_enviar_frase .twitter:hover{
	background-position: 0px -19px;
}





/********** FIN PROMOCIONES **********/






/************** CONTACTO **************/

#intro_contacto, #form_contacto{
	width: 690px;
	margin: 40px 0px 0px 60px;
	background: #FFF;
	float: left;
	text-align: left;
}

#intro_contacto h1{
	padding: 16px 0px 16px 32px;
	border-bottom: 1px dotted #bcbcbc;
	width: 658px;
}

#intro_contacto div{
	float: right;
	width: 280px;
	margin: 20px 35px;
}

#intro_contacto span{color: #ac1a2f;}
#intro_contacto h3{
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #454647;
	padding: 16px 0px;
}

#form_contacto p{
	padding: 16px 0px 16px 32px;
	border-bottom: 1px dotted #bcbcbc;
	width: 658px;
}

#form_contacto input, #form_contacto select{
	background: #FFF;
	border: 1px solid #ece0b1;
	height: 22px;
}
#form_contacto textarea{
	background: #FFF;
	border: 1px solid #ece0b1;
	width: 628px;
	height: 114px;
	margin-bottom: 40px;
}

#inner-form_contacto{padding: 15px 30px;}

#inner-form_contacto div{float: left; padding-bottom: 10px; *padding-bottom: 0px;}

.w1{width: 198px;}
.w2{width: 300px;}
.w3{width: 125px;}
.w4{width: 488px;}
.w5{width: 54px;}
.w6{width: 628px;}
.sep1{margin-right: 16px;}
.sep2{margin-right: 28px;}

#form_contacto .puntos{border-bottom: 1px dotted #bcbcbc; width: 100%; float: left;}
#form_contacto a.enviar{
	background: url(../img/btn_enviar.png) no-repeat;
	width: 67px;
	height: 19px;
	float: left;
	margin: 12px 0px 20px 32px; 
	padding: 5px 0px 0px 12px;
	color: #800007;
}
#form_contacto a.enviar:hover{
	background-position: 0px -24px;
	color: #FFF;
}

/************ FIN CONTACTO ************/








/******** INICIO LOGIN Y RECORDAR PASSWORD ******/


div#fondo_recordar_password {
	z-index: 1390;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: none;
	filter: alpha(opacity=30);
	opacity: .3;
	-moz-opacity: 0.3;
	
	 background-color: #000; 
	 
}



div#recordar_password{
	z-index: 1395;
	display: none;	
	height: 208px;
	width: 455px;
	background-image: url(../img/mensajes/fondo_vacio.png);
	position: absolute;
	_position: fixed;
	top: 220px;
	left: 420px;
			
}

#recordar_password h1{
	padding: 16px 0px 26px 26px;
}


#recordar_password a.cerrar{

	float: right;
	background: url(../img/promociones/btn_cerrar.png) no-repeat;
	width: 19px;
	height: 18px;
	margin: 7px;
}

#recordar_password input{width: 298px; height: 22px; background: #FFF; border: 1px solid #ece0b1; margin-bottom: 15px;}
#recordar_password input:focus{background: #fff8ba; border: 1px solid #d9c163;}
#recordar_password input.short{width: 160px; margin-right: 10px;}
/******** FIN LOGIN Y RECORDAR PASSWORD ******/



/******** INICIO MENSAJES ******/

#fondo_mensajes {
	z-index: 1425;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: none;
	filter: alpha(opacity=30);
	opacity: .3;
	-moz-opacity: 0.3;
	 background-color: #000; 
	 
}

#contenido_mensajes{
	z-index: 1450;
	display: none;
	position: absolute;
	_position: fixed;
	left:0px;
	top:0px;
	height:208px;
	width: 455px;
	background-image:url(../img/mensajes/fondo_vacio.png);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:50px;
	color:#666666;


}

/******** FIN MENSAJES ******/

/*******AVISO LEGAL*******/

#legal{
	width: 690px;
	margin: 40px 0px 0px 60px;
	background: #FFF;
	float: left;
	text-align: left;
}

#legal h1{
	padding: 16px 0px 16px 32px;
	border-bottom: 1px dotted #bcbcbc;
	margin-bottom: 15px;
	width: 658px;
}

#legal h2{
	padding: 16px 0px 16px 32px;
	font-size: 16px;
	font-weight: normal;
	color: #ac1a2f;
}

#legal h3{
	padding: 16px 0px 16px 32px;
	font-size: 16px;
	font-weight: normal;
}

#legal p{
	padding: 0px 30px 16px 30px;
}

#legal ol{
	margin: 0px 30px 30px 80px;
}


/*****************************/

/*Tira de vtip.js para mostrar la capita que sale cuando te pones encima de los botones de facebook  y twitter*/
p#vtip{
	background: url(../img/tooltip_facebook.png) no-repeat;
	width: 106px;
	height: 23px;
	color: #FFF;
	position: absolute;
	display: none;
}

p#vtip2{
	background: url(../img/tooltip_twitter.png) no-repeat;
	width: 114px;
	height: 23px;
	color: #FFF;
	position: absolute;
	display: none;
}